<!DOCTYPE html>
<!--suppress ALL-->
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link th:href="@{/resources/css/common.css}" rel="stylesheet" tyle="text/css" />
<link th:href="@{/resources/css/style.css}" rel="stylesheet" type="text/css" />
<link th:href="@{/resources/fonts/iconfont.css}" rel="stylesheet" type="text/css" />
<script th:src="@{resources/js/jquery.min.1.8.2.js}" type="text/javascript"></script>
<script th:src="@{resources/js/jquery.SuperSlide.2.1.1.js}" type="text/javascript"></script>
<script th:src="@{resources/js/common_js.js}" type="text/javascript"></script>
<script th:src="@{resources/js/footer.js}" type="text/javascript"></script>
<script th:src="@{resources/js/jquery.jumpto.js}" type="text/javascript"></script>
<title>用户订单列表</title>
</head>
<script type="text/javascript">
  $(document).ready(function(){

		  setInterval(showTime, 1000);                                
		  function timer(obj,txt){
						  obj.text(txt);
		  }        
		  function showTime(){                                
				  var today = new Date();
				  var weekday=new Array(7)
				  weekday[0]="星期日"
				  weekday[1]="星期一"
				  weekday[2]="星期二"
				  weekday[3]="星期三"
				  weekday[4]="星期四"
				  weekday[5]="星期五"
				  weekday[6]="星期六"                                        
				  var y=today.getFullYear()+"年";
				  var month=today.getMonth()+1+"月";
				  var td=today.getDate();
				  var d=weekday[today.getDay()];
				  var h=today.getHours();
				  var m=today.getMinutes();
				  var s=today.getSeconds();        
				  timer($("#y"),y+month);
				  //timer($("#MH"),month);        
				  timer($("h1"),td);        
				  timer($("#D"),d);
				  timer($("#H"),h);
				  timer($("#M"),m);
				  timer($("#S"),s);
		  }        
  })
</script>
<body>
<div id="header_top">
  <div id="top">
    <div class="Inside_pages">
      <div class="Collection">下午好，欢迎光临onlineshop!</div>
	<div class="hd_top_manu clearfix">
	  <ul class="clearfix">
	   <li class="hd_menu_tit zhuce" data-addclass="hd_menu_hover">欢迎光临onlineshop！</li>
	   <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a >我的订单</a></li>
	   <li class="hd_menu_tit" data-addclass="hd_menu_hover"> <a >购物车(<b>0</b>)</a> </li>
	   <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a >我的客服</a></li>

	  </ul>
	</div>
    </div>
  </div>
  <!--样式-->
<!--顶部样式2-->
<div id="header "  class="header page_style">
  <div class="logo"><a href="#"><img th:src="@{/resources/images/logo.png}" /></a></div>
  <!--可修改图层-->
  <div class="festival"><a href="#"><img th:src="@{/resources/images/logo_yd.png}" /></a></div>
  <!--结束图层-->
  <div class="Search">
    <p><input name="" type="text"  class="text"/><input name="" type="submit" value="搜 索"  class="Search_btn"/></p>
</div>
<!--可修改图层2-->
  <!--<div class="festival1"><a href="#"><img th:src="@{/resources/images/logo_sd.png" /></a></div>--><!--结束-->
 <!--购物车样式-->

</div>
<!--菜单导航样式-->
<div id="Menu" class="clearfix">
<div class="Inside_pages">
	<script>$("#allSortOuterbox").slide({ titCell:".Menu_list li",mainCell:".menv_Detail",	});</script>
	<!--菜单栏-->
	<div class="Navigation" id="Navigation">
		 <ul class="Navigation_name">
			 <li><a th:href="@{/index}">首页</a></li>
			 <li><a th:href="@{/product/product_list(id=1)}">图书</a></li>
			 <li><a th:href="@{/product/product_list(id=2)}">手机</a></li>
			 <li><a th:href="@{/product/product_list(id=4)}">数码</a></li>
			 <li><a th:href="@{/product/product_list(id=3)}">家用电器</a></li>
			 <li><a th:href="@{/product/product_list(id=8)}">个人化妆</a></li>
			 <li><a th:href="@{/product/product_list(id=6)}">电脑办公</a></li>
			 <li><a th:href="@{/product/product_list(id=14)}">食品饮品</a></li>
			 <li><a th:href="@{/product/product_list(id=9)}">服饰内衣</a></li>
			 <li><a th:href="@{/product/product_list(id=17)}">运动健康</a></li>
		 </ul>			 
		</div>
	<script>$("#Navigation").slide({titCell:".Navigation_name li"});</script>		
  </div>
</div>
</div>
</div>
<div class="user_style clearfix" id="user">
<!--用户中心布局样式-->
   <div class="left_style">
   <!--栏目名称-->
   <div class="title_username">个人中心</div> 
  
   <div class="user_Head"> 
   <div class="user_time">
       <h4 id="y" class="years"></h4>
      <h1></h1>
      <h4 id="D"></h4>
     </div>
     <div class="user_portrait">
   <a href="#" title="修改头像"></a> <img th:src="@{/resources/images/people.png}" />
    <div class="background_img"></div></div>
    
   </div>
<ul class="Section">
	<li><a th:href="@{/personal/toPersonCenter}"  class="on"><em></em><span>个人信息</span></a></li>
	<li><a href="#" ><em></em><span>修改密码</span></a></li>
	<li><a th:href="@{/personal/toOrdersList}"><em></em><span>我的订单</span></a></li>
	<li><a th:href="@{/personal/toUserAddress}"><em></em><span>收货地址管理</span></a></li>
      </ul>
 </div>
 <!--右侧样式布局-->
 <div class="right_style r_user_style">
 <div class="Order_form">
       <div class="user_Borders">
        <div class="title_name">
        <span class="name">修改用户信息</span>
       </div>
       <div class="Order_form_list">
		   
		   <form style="position: absolute;width: 300px;height: 200px;margin-left: 300px;margin-top:150px;">
		     <div class="form-group" style="text-align: right;">
		       <label for="exampleInputText">用户名：</label>
		       <input type=" text" class="form-control" id="exampleInputText" placeholder="用户名">
		     </div>
			 </br>
			 <div class="form-group" style="text-align: right;">
		       <label for="exampleInputEmail1">邮箱：</label>
		       <input type=" email" class="form-control" id="exampleInputEmail1" placeholder="邮箱">
		     </div>
			 </br>
			 <div class="form-group" style="text-align: right;">
			   <label for="exampleInputpassword">旧密码：</label>
			   <input type="password" class="form-control" id="exampleInputPassword" placeholder="旧密码">
			 </div>
			 </br>
		     <div class="form-group" style="text-align: right;">
		       <label for="exampleInputPassword1">新密码：</label>
		       <input type="password" class="form-control" id="exampleInputPassword1" placeholder="新密码">
		     </div>
			 </br>
		     <!-- <div class="form-group">
		       <label for="exampleInputFile">File input</label>
		       <input type="file" id="exampleInputFile">
		       <p class="help-block">Example block-level help text here.</p>
		     </div>
		     <div class="checkbox">
		       <label>
		         <input type="checkbox"> Check me out
		       </label>
		     </div> -->
		     <button type="submit" class="btn btn-default" style="margin-left: 200px;">确认修改</button>
		   </form>
         <!-- <table>
			 
         </table> -->
       </div>
       </div>
     </div>
 </div>
</div>
<!--底部样式-->
 <div class="ft_footer_service" id="footer">
  <div class="footerbox" >
  <!--底部-->
  <div class="Menu_style ensure ">
    <div class="phone">
      400-3456-333
    </div>
    <div class="icon_en" style="margin-top: -55px;">
     <a href="#" class="icon_link"><img th:src="@{/resources/images/footer_icon_31.png}" /><span class="left"><h2>退换货</h2>7天无理由退换货</span></a>
     <a href="#" class="icon_link"><img th:src="@{/resources/images/footer_icon_33.png}" /><span class="left"><h2>正品保障</h2>企业认证产品</span></a>
     <a href="#" class="icon_link"><img th:src="@{/resources/images/footer_icon_35.png}" /><span class="left"><h2>满包邮</h2>满68元包邮</span></a>
     <a href="#" class="icon_link"><img th:src="@{/resources/images/footer_icon_37.png}" /><span class="left"><h2>直供产品</h2>厂家直销平台</span></a>
    </div>
   </div>
  </div>
 </div>
 <!--底部样式-->
 <div class="footer">
  <div class="footerbox clearfix">
  <div class="clearfix">
   <div class="left help_link">
    <dl>
	 <dt>投保指南</dt>
	 <dd><a href="#">保险需求测试</a></dd>
     <dd><a href="#">专题及活动</a></dd>
     <dd><a href="#">挑选保险产品</a> </dd>
     <dd><a href="#">常见问题 </a></dd>
	</dl>
	<dl>
	 <dt>保险服务</dt>
	 <dd><a href="#">保险需求测试</a></dd>
     <dd><a href="#">专题及活动</a></dd>
     <dd><a href="#">挑选保险产品</a> </dd>
     <dd><a href="#">常见问题 </a></dd>
	</dl>
	<dl>
	 <dt>支付方式</dt>
	 <dd><a href="#">保险需求测试</a></dd>
     <dd><a href="#">专题及活动</a></dd>
     <dd><a href="#">挑选保险产品</a> </dd>
     <dd><a href="#">常见问题 </a></dd>
	</dl>
	<dl>
	 <dt>帮助中心</dt>
	 <dd><a href="#">保险需求测试</a></dd>
     <dd><a href="#">专题及活动</a></dd>
     <dd><a href="#">挑选保险产品</a> </dd>
     <dd><a href="#">常见问题 </a></dd>
	</dl>	   
   </div>
   <!--信息内容-->

  <!--认证-->
 <!--认证展示样式-->
<div class="Authenticate left clearfix" id="Authenticate_show">
  <div class="Authenticate_show">
  <div class="picMarquee-left">
			<div class="hd">
				<a class="next">&lt;</a>
				<a class="prev">&gt;</a>
			</div>
			<div class="bd">
				<ul class="picList">
					<li>
						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img th:src="@{/resources/images/pic1.jpg}" /></a></div>
                          <!--<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图1</a></div>-->					
                    </li>
					<li>
						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img th:src="@{/resources/images/pic2.jpg}" /></a></div>
						<!--<div class="title"><a href="http://www.SuperSlide2.com" target="_blank">效果图2</a></div>-->
					</li>
					<li>
						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img th:src="@{/resources/images/pic3.jpg}" /></a></div>
						
					</li>
					<li>
						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img th:src="@{/resources/images/pic4.jpg}" /></a></div>
						
					</li>
					<li>
						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img th:src="@{/resources/images/pic5.jpg}" /></a></div>
						
					</li>
					<li>
						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img th:src="@{/resources/images/pic6.jpg}" /></a></div>
						
					</li>
                    <li>
						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img th:src="@{/resources/images/pic6.jpg}" /></a></div>
						
					</li>
                    <li>
						<div class="pic"><a href="http://www.SuperSlide2.com" target="_blank"><img th:src="@{/resources/images/pic6.jpg}" /></a></div>
						
					</li>
				</ul>
			</div>
		</div>

		<script type="text/javascript">
		jQuery(".picMarquee-left").slide({mainCell:".bd ul",autoPlay:true,effect:"leftMarquee",vis:2,interTime:50});
		</script>
  </div>
</div>
  </div>
 <div class="text_link">
   <p>
  <a href="#">关于我们</a>｜ <a href="#">公开信息披露</a>｜ <a href="#">加入我们</a>｜ <a href="#">联系我们</a>｜ <a href="#">版权声明</a>｜ <a href="#">隐私声明</a>｜ <a href="#">网站地图</a></p>
  </div>
  </div>
 </div>
 <!--右侧菜单栏购物车样式-->
<div class="fixedBox">
  <ul class="fixedBoxList">
      <li class="fixeBoxLi user"><a href="#"> <span class="fixeBoxSpan iconfont icon-my"></span> <strong>用户</strong></a> </li>
    <li class="fixeBoxLi cart_bd" style="display:block;" id="cartboxs1">
		<p class="good_cart">0</p>
			<span class="fixeBoxSpan iconfont icon-cart"></span> <strong>购物车</strong>
			<div class="cartBox">
       		<div class="bjfff"></div><div class="message">购物车内暂无商品，赶紧选购吧</div>    </div></li>
    <li class="fixeBoxLi Service "> <span class="fixeBoxSpan iconfont icon-qq1"></span> <strong>客服</strong>
      <div class="ServiceBox">
        <div class="bjfffs"></div>
        <dl onclick="javascript:;">
		    <dt><img th:src="@{/resources/images/Service1.png}"></dt>
		       <dd><strong>QQ客服1</strong>
		          <p class="p1">9:00-22:00</p>
		           <p class="p2"><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=123456&amp;site=DGG三端同步&amp;menu=yes">点击交谈</a></p>
		          </dd>
		        </dl>
				<dl onclick="javascript:;">
		          <dt><img th:src="@{/resources/images/Service1.png}"></dt>
		          <dd> <strong>QQ客服1</strong>
		            <p class="p1">9:00-22:00</p>
		            <p class="p2"><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=123456&amp;site=DGG三端同步&amp;menu=yes">点击交谈</a></p>
		          </dd>
		        </dl>
	          </div>
     </li>
	 <li class="fixeBoxLi code cart_bd " style="display:block;" id="cartboxs">
			<span class="fixeBoxSpan iconfont icon-weixin"></span> <strong>微信</strong>
			<div class="cartBox">
       		<div class="bjfff"></div>
			<div class="QR_code">
			 <p><img th:src="@{/resources/images/erweim.jpg}" width="150px" height="150px" style=" margin-top:10px;" /></p>
			 <p>微信扫一扫，关注我们</p>
			</div>		
			</div>
			</li>

    <li class="fixeBoxLi Home"> <a href="./"> <span class="fixeBoxSpan iconfont  icon-collect"></span> <strong>收藏</strong> </a> </li>
    <li class="fixeBoxLi BackToTop"> <span class="fixeBoxSpan iconfont icon-top"></span> <strong>返回顶部</strong> </li>
  </ul>
</div>
</body>
</html>
